diff --git a/dashboard/src/components/Atoms/WarningAlert.tsx b/dashboard/src/components/Atoms/WarningAlert.tsx
index 066f3a88..ec5730b9 100644
--- a/dashboard/src/components/Atoms/WarningAlert.tsx
+++ b/dashboard/src/components/Atoms/WarningAlert.tsx
@@ -1,10 +1,14 @@
+import clsx from 'clsx'
+
 export default function WarningAlert({
   children,
+  className,
 }: {
-  children: React.ReactNode;
+  children: React.ReactNode,
+  className?: string,
 }) {
   return (
-    <div className="rounded-md border border-red-200 bg-red-faded/25 p-2 text-medium font-medium tracking-medium text-white">
+    <div className={clsx("rounded-md border border-red-200 bg-red-faded/25 p-2 text-medium font-medium tracking-medium text-white", className)}>
       <span className="block sm:inline">{children}</span>
     </div>
   );
diff --git a/dashboard/src/pages/login/CoreConnect.tsx b/dashboard/src/pages/login/CoreConnect.tsx
index fae4d2f2..e4d89918 100644
--- a/dashboard/src/pages/login/CoreConnect.tsx
+++ b/dashboard/src/pages/login/CoreConnect.tsx
@@ -30,8 +30,9 @@ const CoreConnect = () => {
   useDocumentTitle('Connect to Core - Lodestone');
   const { navigateBack, setPathname } = useContext(BrowserLocationContext);
   const { setCore, addCore } = useContext(LodestoneContext);
-  const [ ShowBlurb, setShowBlurb ] = useState(false); 
+  const [ showBlurb, setShowBlurb ] = useState(false); 
   const [ showPopup, setShowPopup ] = useState(false);
+  const [ httpProtocol, setHttpProtocol ] = useState(true);
 
   const initialValues: CoreConnectionInfo = {
     address: '',
@@ -44,6 +45,7 @@ const CoreConnect = () => {
     values: CoreConnectionInfo,
     actions: FormikHelpers<CoreConnectionInfo>
   ) => {
+    setHttpProtocol(values.protocol == "http");
     // check if core can be reached
     axios
       .get<CoreInfo>(`/info`, {
@@ -89,9 +91,9 @@ const CoreConnect = () => {
 
   return (
     <div className="flex w-[768px] max-w-full flex-col items-stretch justify-center gap-12 rounded-2xl px-12 py-14 @container">
-      {showPopup && (
+      {httpProtocol && showPopup && (
         <ConfirmDialog
-          isOpen={ShowBlurb}
+          isOpen={showBlurb}
           onClose={() => setShowPopup(false)}
           title="HTTP Error"
           type="danger"
@@ -112,22 +114,22 @@ const CoreConnect = () => {
         <h1 className="font-title text-h1 font-bold tracking-medium text-gray-300">
           Add a new core
         </h1>
-        {ShowBlurb && (
-          <WarningAlert>
-            <p>
-              You may need to adjust your network and browser settings. {' '}
-              <a
-                href="https://github.com/Lodestone-Team/lodestone/wiki/Known-Issues#network-errors"
-                target="_blank"
-                rel="noreferrer"
-                className="text-blue-200 underline hover:text-blue-300"
-              >
-              Learn more.
-              </a>
-            </p>
+        {showBlurb && (
+          <WarningAlert className='w-full'>
+              <p>
+                You may need to adjust your network and browser settings. {' '}
+                <a
+                  href="https://github.com/Lodestone-Team/lodestone/wiki/Known-Issues#network-errors"
+                  target="_blank"
+                  rel="noreferrer"
+                  className="text-blue-200 underline hover:text-blue-300"
+                >
+                Learn more.
+                </a>
+              </p>
           </WarningAlert>
         )}
-      </div>      
+      </div>
       <Formik
         initialValues={initialValues}
         validationSchema={validationSchema}
@@ -142,7 +144,7 @@ const CoreConnect = () => {
             autoComplete={DISABLE_AUTOFILL}
           >
             {status && (
-              <WarningAlert>
+              <WarningAlert className='-mt-9'>
                 <p>
                   <b>{status.error}</b>: Please ensure your fields are filled
                   out correctly.